<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
	<head>
    
    	<meta http-equiv="Pragma" CONTENT="no-cache" />
        <meta http-equiv="Cache-Control" CONTENT="no-cache" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
        <meta http-equiv="X-UA-Compatible" content="IE=7" />
        
    	<title>
        	Welcome to Straws
        </title>
        
        <link type="text/css" href="scripts/extjs402a/resources/css/ext-all.css" />
        
        <script type="text/javascript" src="scripts/extjs402a/ext-all-debug.js"></script>
        
        <script type="text/javascript" src="scripts/login/layout.js"></script>
        
    </head>
    
    <body>
    </body>
    
    <script type="text/javascript" language="javascript">
	
		Ext.onReady(function(){
			
			Ext.MyBorderPanel=Ext.extend(Ext.Panel,{
				initComponent:function(){
					Ext.apply(this,{
						layout:'border',
						bodyStyle:'background:none;background-color:#FFFFFF;',
						frame:false,
						border:false,
						style:{
							padding:'0 10 0 10'
						},
						items:[
							new Ext.MyNorthPanel(),
							new Ext.MyCenterPanel(),
							new Ext.MySouthPanel()
						]
					});
					Ext.MyBorderPanel.superclass.initComponent.apply(this);
				}
			});
			
			new Ext.Viewport({
				layout:'fit',
				border:false,
				items:new Ext.MyBorderPanel()
			});
			
		});
		
	</script>
    
</html>